﻿
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>

<div class="container">
    <div class="page-header">
        <div class="pull-right">
            <ul class="page-header-links">
                <li><a href="<c:url value='/pages/torneos/ConsultarTorneos'/>">volver a Mis Torneos</a></li>
                <li><a href="<c:url value='/pages/usuarios/ModificarPerfil'/>">perfil</a></li>
                <li><a href="<c:url value='/pages/usuarios/ModificarClave'/>">cambio de clave</a></li>
                <li><a href="#">cerrar sesión</a></li>
            </ul>
        </div>
        <div class="pull-left"><img src="<c:url value='/img/whoisbetter.jpg'/>" alt="dreams time free" width="100" height="100" /></div>
        <h1>Contendores por Torneo</h1>
    </div> <!-- /page header -->
    <h4>Torneo: Escoge el nuevo logo del F.C. Barcelona</h4>
    <div class="btn-toolbar pull-right">
        <div class="btn-group">
            <label class="control-label" > Contendores: 8</label>
        </div>
    </div> <!-- /additional action buttons -->
    <table class="table table-bordered table-striped">
        <thead>
            <tr>
                <td><input type="checkbox" id="chkSelectAll" value="option1" /></td>
                <th>Contendor</th>
                <th>Imagen</th>
                <th>Texto</th>
                <th>Votos</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><input type="checkbox" id="chkSelect0" value="option1" /></td>
                <td>Logo amarillo</td>
                <td><img src="<c:url value='/img/escudo.jpg'/>" alt="dreams time free" width="40" height="40" /></td>
                <td>Amarillo</td>
                <td>13</td>
            </tr>
            <tr>
                <td><input type="checkbox" id="chkSelect1" value="option1" /></td>
                <td>Logo verde</td>
                <td><img src="<c:url value='/img/escudo2.jpg'/>" alt="dreams time free" width="40" height="40" /></td>
                <td>Verde</td>
                <td>24</td>
            </tr>
            <tr>
                <td><input type="checkbox" id="Checkbox1" value="option1" /></td>
                <td>Logo rojo</td>
                <td><img src="<c:url value='/img/escudo.jpg'/>" alt="dreams time free" width="40" height="40" /></td>
                <td>Rojo</td>
                <td>1</td>
            </tr>
            <tr>
                <td><input type="checkbox" id="Checkbox1" value="option1" /></td>
                <td>Logo azul</td>
                <td><img src="<c:url value='/img/escudo2.jpg'/>" alt="dreams time free" width="40" height="40" /></td>
                <td>Azul</td>
                <td>130</td>
            </tr>
            <tr>
                <td><input type="checkbox" id="Checkbox1" value="option1" /></td>
                <td>Logo naranja</td>
                <td><img src="<c:url value='/img/escudo.jpg'/>" alt="dreams time free" width="40" height="40" /></td>
                <td>Naranja</td>
                <td>3</td>
            </tr>
            <tr>
                <td><input type="checkbox" id="Checkbox1" value="option1" /></td>
                <td>Logo violeta</td>
                <td><img src="<c:url value='/img/escudo2.jpg'/>" alt="dreams time free" width="40" height="40" /></td>
                <td>Violeta</td>
                <td>1</td>
            </tr>
        </tbody>
    </table> <!-- /grid list -->
    <div class="pagination pagination-centered">
        <ul>
            <li class="disabled"><a href="#">«</a></li>
            <li class="active"><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">»</a></li>
        </ul>
    </div> <!-- /pagination -->
    <div class="btn-toolbar pull-right">
        <a href="AdministrarTorneo.html" class="btn btn-small btn-primary" type="button" id="add">Agregar</a>
        <a href="AdministrarTorneo.html" class="btn btn-small btn-primary" type="button" id="edit">Modificar</a>
        <button class="btn btn-small btn-primary" type="button" id="delete">Eliminar</button>
    </div> <!-- /buttons maintenance -->
</div> <!-- /container -->

<div class="modal hide fade" id="myModal">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3>Alert!</h3>
    </div>
    <div class="modal-body">
        <p>¿Está seguro de eliminar el torneo?</p>
    </div>
    <div class="modal-footer">
        <a href="#" class="btn">Cancelar</a>
        <a href="#" class="btn btn-primary">Aceptar</a>
    </div>
</div><!-- /modal dialog -->


<!-- javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="<c:url value='/js/jquery/jquery.js'/>"></script>
<script src="<c:url value='/js/bootstrap-modal.js'/>"></script>
<script src="<c:url value='/js/bootstrap-dropdown.js'/>"></script>

<script type="text/javascript">
    $(document).ready(function () {
        $("#delete").bind("click", function () {
            $('#myModal').modal('show')
        });
    });
</script>

